@charset "UTF-8";

* {
	margin: 0px;
	padding: 0px;
}




/*----------------------------------*/
/*------------ TOP BAR -------------*/

#topbar {
	background: url(../img/topbar_bg.jpg) repeat-x 0 0;
	height: 42px;
	margin: 0px 30px;
	min-width: 930px;
}

#topbar h1#welcome {
	background: url(../img/topbar_title.jpg) no-repeat 0 0;
	float: left;
	height: 0px;
	overflow: hidden;
	padding-top: 42px;
	width: 318px;
}

/*-- Utils Left --*/

#topbar ul#utilsleft {
	float: left;
	display: inline;
}

#topbar ul#utilsleft li {
	float: left;
	display: inline;
}

#topbar ul#utilsleft a * {
	display: none;
}

#topbar ul#utilsleft a,
#topbar ul#utilsleft a .hover {
	height: 42px;
	position: relative;
	display: block;
	background: url(../img/topbar_utils_left.jpg) no-repeat 0 0;
}

/* Admin Login */
#topbar ul#utilsleft a#adminlog {
	background-position: 0 0;
	width: 67px;
}

#topbar ul#utilsleft li.highlight a#adminlog:hover,
#topbar ul#utilsleft a#adminlog .hover {
	background-position: 0 -42px;
}

/* Client Login */
#topbar ul#utilsleft a#clientlog {
	background-position: -67px 0;
	width: 64px;
}

#topbar ul#utilsleft li.highlight a#clientlog:hover,
#topbar ul#utilsleft a#clientlog .hover {
	background-position: -67px -42px;
}

/*-- Utils Right --*/

#topbar ul#utilsright {
	float: right;
	display: inline;
}

#topbar ul#utilsright li {
	float: right;
	display: inline;
}

#topbar ul#utilsright a * {
	display: none;
}

#topbar ul#utilsright a,
#topbar ul#utilsright a .hover {
	height: 42px;
	position: relative;
	display: block;
	background: url(../img/topbar_utils_right.jpg) no-repeat 0 0;
}

/* Flickr */
#topbar ul#utilsright a#utilflickr {
	background-position: 0 0;
	width: 94px;
}

#topbar ul#utilsright li.highlight a#utilflickr:hover,
#topbar ul#utilsright a#utilflickr .hover {
	background-position: 0 -42px;
}

/* Twitter */
#topbar ul#utilsright a#utiltwitter {
	background-position: -94px 0;
	width: 94px;
}

#topbar ul#utilsright li.highlight a#utiltwitter:hover,
#topbar ul#utilsright a#utiltwitter .hover {
	background-position: -94px -42px;
}

/* Valid XHTML */
#topbar ul#utilsright a#utilvalidxhtml {
	background-position: -188px 0;
	width: 92px;
}

#topbar ul#utilsright li.highlight a#utilvalidxhtml:hover,
#topbar ul#utilsright a#utilvalidxhtml .hover {
	background-position: -188px -42px;
}

/* Valid CSS */
#topbar ul#utilsright a#utilvalidcss {
	background-position: -280px 0;
	width: 77px;
}

#topbar ul#utilsright li.highlight a#utilvalidcss:hover,
#topbar ul#utilsright a#utilvalidcss .hover {
	background-position: -280px -42px;
}

/* Help Bubbles */
#topbar ul#utilsright a#utilshare {
	background-position: -357px 0;
	width: 61px;
}

#topbar ul#utilsright li.highlight a#utilshare:hover,
#topbar ul#utilsright a#utilshare .hover {
	background-position: -357px -42px;
}









